<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="reset.css">
    <title>Document</title>
    <style>
        html{
            font-family: -apple-system,system-ui,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial;
        }
        .top{
            /* position: relative; */
            /* margin: 0 auto; */
            width: 100%;
            height: 40px;
            background-color: #333333;
        }
        .top1{
            position: relative; 
            width: 1226px;
            height: 40px;
            margin: 0 auto;
            /* margin-left: 20px; */
        }
        .top .biaoqian{
            float: left;
            color: #b0b0b0;
            font-size: 13px;
            margin-right: 10px;
            line-height: 40px;
        }
        .biaoqian:hover{
            color: white;
        }
        .gouwuche{
            width: 120px;
            height: 40px;
            background-color: #424242;
            float: right;
            color: #b0b0b0;
            font-size: 13px;
            text-align: center;
            line-height: 40px;
            cursor: pointer;
        }
        .top12{
            position: absolute;
            right: 140px;
        }
        .gongneng{
            float: left;
            color: #b0b0b0;
            font-size: 12px;
            margin-right: 10px;
            line-height: 40px;
        }
        .gongneng:hover{
            color: white;  
        }
        .gouwuche:hover{
            color: #ff6700;
            background-color: white;
        }
        .container{
            position: relative;
            width: 1226px;
            height: 100px;
            margin: 0 auto;
        }
        .logo{
            float: left;
            width: 55px;
            height: 55px;
            background-color: #ff6700;
            margin-top: 22.5px;
            font-size: 23px;
            color: white;
            font-weight: bold;
            line-height: 55px;
            text-align: center;
        }
        .dongtu{
            
            width: 165px;
            height: 100px;
            background: url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b06819007feedbea62aedaa3089633d2.gif?w=165&h=55) no-repeat center;
            background-size: 100%;
            float: left;
            margin-left: 14px;
            /* position: absolute; */
            /* left: 69px; */
        }
        .fenlei{
            position: relative;
            top: 39px;
            float: left;
            font-size: 16px;
            margin-left: 20px;

        }
        .sousuo-text{
            width: 245px;
            height: 48px;
            border: 1px solid #e0e0e0;
            margin-top: px;
            position: absolute;
            right: 49px;
            top: 25px;
            color: #999999;
            font-size: 16px;
            text-indent: 1em;
            line-height: 48px;
        }
        .sousuo-logo{
            width: 48px;
            height: 48px;
            border: 1px solid #e0e0e0;
            position: absolute; 
            right: 0px;
            top: 25px;  
            background: url(img/search.jpg) no-repeat center;
            background-size: 30px 30px;
        }
        input:focus{
            border: 1px solid #ff6700;
        }
        .banner{
            position: relative;
            width: 1226px;
            height: 460px;
            margin: 0 auto;
            background: url(img/xiaomi-banner.jpg) no-repeat center;
            background-size: 100%;
        }
        ul{
            position: absolute;
            left: 0;
            top: 0;
            width: 234px;
            height: 460px;
            background: rgba(105,101,101,.6);
            color: white;
            font-size: 16px;
            /* padding: 20px 0; */
        }
        li{
            position: relative;
            width: 234px;
            height: 42px;
            text-indent: 2em;
            line-height: 42px;
            color: white;
            cursor: pointer;
        }
        .top0{
            position: relative;
            width: 234px;
            height: 42px;
            text-indent: 2em;
            line-height: 42px;
            margin-top: 20px;
        }
        .bottom{
            position: relative;
            width: 234px;
            height: 42px;
            text-indent: 2em;
            line-height: 42px;
            margin-bottom: 20px;
        }
        .list{
            position: absolute;
            bottom: 14px;
            left: 200px;
            /* vertical-align: -3px; */
            /* margin-right: 50px; */
        }
        li:hover{
            background-color: #ff6700;
        }
        .button-left{
            position: absolute;
            background: url(img/arr.png) no-repeat;
            background-size: 166px 69px;
            width: 41px;
            height: 69px;
            left: 234px;
            top: 195.5px;
            background-position: -83px 0;
        }
        .button-right{
            position: absolute;
            background: url(img/arr.png) no-repeat;
            background-size: 166px 69px;
            background-position: -128px 0;
            width: 41px;
            height: 69px;
            right: 0px;
            top: 195.5px;
        }
        .button-left:hover{
            background-position: 0 0;
        }
        .button-right:hover{
            background-position: -41px 0;
        }
        .yuan{
            display:inline-block;
            width: 6px;
            height: 6px;
            border: 2px solid rgba(0, 0, 0, .3);
            background-color: rgba(0, 0, 0, .1);
            border-radius: 5px;
            margin-right: 10px;
            cursor: pointer;
        }
        .boom{
            width: 120px;
            height: 20px;
            position: absolute;
            top: 420px;
            left: 1080px;
            /* right: 200px; */
            /* right: 0; */
            background-color: rgba(105,101,101,0);
        }
        .yuan:hover{
            border: 2px solid rgba(0, 0, 0, .1);
            background-color: rgba(0, 0, 0, .3);
        }
        a{
            color: white;
        }
        .top4{
            
            width: 1226px;
            height: 170px;
            margin: 0 auto;
            margin-top: 20px;
        }
        .top4 .left{
            float: left;
            width: 234px;
            height: 170px;
            background-color: #5f5750;
        }
        .top4 .right{
            float: right;
            width: 978px;
            height: 170px;
            /* margin-left: 20px; */
        }
        .top4 .right .one{
            width: 316px;
            height: 170px;
            float: left;
            background: url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c0c05274f2fbb55fbccb89622f798907.jpg?w=632&h=340) no-repeat center;
            background-size: 100%;
        }
        .top4 .right .two{
            width: 316px;
            height: 170px;
            float: left;
            margin-left: 15px;
            background: url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b746a4db2e0473cc076a3a4b9bbe0235.jpg?w=632&h=340) no-repeat center;
            background-size: 100%;
        }
        .top4 .right .three{
            width: 316px;
            height: 170px;
            float: left;
            margin-left: 15px;
            background: url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/816a66edef10673b4768128b41804cae.jpg?w=632&h=340) no-repeat center;
            background-size: 100%;
        }
        .top4 .left-item1{
            position: relative;
            width: 70px;
            height: 70px;
            float: left;
            margin: 10px 6px;
            cursor: pointer;

        }
        .top4 .left-item2{
            position: relative;
            width: 70px;
            height: 70px;
            float: left;
            margin: 10px 0px;
            cursor: pointer;
        }
        .top4 .left-item3{
            position: relative;

            width: 70px;
            height: 70px;
            float: left;
            margin: 10px 6px;
            cursor: pointer;
        }
        .top4 .left-item4{
            position: relative;
            cursor: pointer;
            width: 70px;
            height: 70px;
            float: left;
            margin-left: 6px;
            margin-bottom: 10px;
        }
        .top4 .left-item5{
            position: relative;
            cursor: pointer;
            width: 70px;
            height: 70px;
            float: left;
            /* background-color: white; */
            margin-left: 6px;
            margin-bottom: 10px;
        }
        .top4 .left-item6{
            cursor: pointer;
            position: relative;
            width: 70px;
            height: 70px;
            float: left;
            /* background-color: white; */
            margin-left: 6px;
            margin-bottom: 10px;
        }
        .top4 .left img{
            width: 24px;
            height: 24px;
            position: absolute;
            left: 23px;
            top: 10px;
            opacity: 0.7;
        }
        .top4 .left p{
            font-size: 14px;
            color: white;
            text-align: center;
            position: absolute;
            left: 7px;
            top: 40px;
            opacity: 0.7;
        }
        .top4 .left .mifen{
            font-size: 14px;
            color: white;
            text-align: center;
            position: absolute;
            left: 14px;
            top: 40px;
            opacity: 0.7;
        }
        .left-item1:hover p{
            opacity: 1;
        }
        .left-item1:hover img{
            opacity: 1;
        }
        .left-item2:hover p{
            opacity: 1;
        }
        .left-item2:hover img{
            opacity: 1;
        }
        .left-item3:hover p{
            opacity: 1;
        }
        .left-item3:hover img{
            opacity: 1;
        }
        .left-item4:hover p{
            opacity: 1;
        }
        .left-item4:hover img{
            opacity: 1;
        }
        .left-item5:hover p{
            opacity: 1;
        }
        .left-item5:hover img{
            opacity: 1;
        }
        .left-item6:hover p{
            opacity: 1;
        }
        .left-item6:hover img{
            opacity: 1;
        }
        .bg{
            width: 100%;
            height: 5865px;
            background-color: #f5f5f5;
            margin-top: 20px;
        }
        .flash-title{
            width: 1226px;
            height: 58px;
            margin: 0 auto;
        }
        .flash-title p{
            font-size: 22px;
            line-height: 58px;
            float: left;
        }
        .jiantou .zuo{
            width: 37px;
            height: 25px;
            border: 1px solid #e0e0e0;
            border-radius: 2px;
            text-align: center;
            line-height: 25px;
            float: right;
            margin-top: 15px;
        }
        .jiantou .you{
            width: 37px;
            height: 25px;
            border: 1px solid #e0e0e0;
            border-radius: 2px;
            text-align: center;
            line-height: 25px;
            float: right;
            margin-top: 15px;
            margin-bottom: 10px;
        }
        .flash-con{
            width: 1226px;
            height: 340px;
            margin: 0 auto;
        }
        .flash-con .item0{
            width: 234px;
            height: 340px;
            background-color: #fff;
            float: left;
            margin-right: 14px;
        }
        .flash-con .item{
            width: 234px;
            height: 340px;
            background-color: #fff;
            float: left;
            margin-right: 14px;
        }
        .flash-con .item1{
            width: 234px;
            height: 340px;
            background-color: #fff;
            float: left;
            /* margin-right: 15px; */
        }
        .item0{
            text-align: center;
            border-top: 1px solid red;

        }
        .item0 .one{
            width: 234px;
            height: 46px;
            font-size: 21px;
            color: #ef3a3b;
            margin-top: 30px;
            line-height: 46px;
        }
        .item0 .two{
            width: 234px;
            height: 53px;
            font-size: 53px;
            color: #ef3a3b;
            /* margin-top: 30px; */
        }
        .item0 .three{
            width: 234px;
            height: 53px;
            font-size: 15px;
            color: rgba(0,0,0,.54);
            margin-top: 50px;
        }
        .item0 .four .hour{
            width: 46px;
            height: 46px;
            background-color: #605751;
            font-size: 24px;
            line-height: 46px;
            float: left;
            color: white;
            margin-right: 20px;
            margin-left: 28px;
        }
        .item0 .four .min{
            width: 46px;
            height: 46px;
            background-color: #605751;
            font-size: 24px;
            line-height: 46px;
            float: left;
            color: white;
            margin-right: 20px;
        }
        .item0 .four .sec{
            width: 46px;
            height: 46px;
            background-color: #605751;
            font-size: 24px;
            line-height: 46px;
            float: left;
            color: white;
        }
        .item{
            position: relative;
            text-align: center;
            border-top: 1px solid green;
        }
        .item img{
            width: 160px;
            height: 160px;
            position: absolute;
            left: 37px;
            top: 30px;
        }
        .item .name{
            color: #333333;
            font-size: 14px;
            font-weight: 400;
            margin-top: 230px;
        }
        .item .miaoshu{
            color: #b0b0b0;
            font-size: 12px;
            margin-top: 10px;
            height: 18px;
        }
        .item .jiage{
            color: #ff6700;
            margin-top: 14px;
            font-weight: 600;
        }
        .tvx{
            width: 1226px;
            height: 120px;
            background: url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c3b86ede4dd31d7c126d56fbdde4f855.jpg?thumb=1&w=1103&h=108&f=webp&q=90) no-repeat center;
            background-size: 100% 100%;
            margin: 0 auto;
            margin-top: 22px;
        }
        .shouji{
            width: 1226px;
            height: 58px;
            margin: 0 auto;
            margin-top: px;
        }
        .shouji-title p{
            font-size: 22px;
            line-height: 58px;
            float: left;
        }
        .shouji-title .chakanzuo{
            line-height: 58px;
            float: right;
            /* margin-top: 15px; */
            cursor: pointer;
        }
        .shouji-title .chakanzuo:hover{
            color: #ff6700;
        }
        .cele{
            width: 1226px;
            height: 614px;
            /* background-color:#999; */
            margin: 0 auto;
            font-size: 0;
            /* margin-top: 20px; */
        }
        .imx{
            width: 234px;
            height: 614px;
            background: url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/574c6643ab91c6618bfb2d0e2c761d0b.jpg?thumb=1&w=211&h=553&f=webp&q=90) no-repeat center;
            float: left;
            background-size: 100%;
        }
        .phone{
            width: 234px;
            height: 300px;
            margin-left: 14px;
            /* margin-top: 20px; */
            background-color: white;
            float: left;
            text-align: center;
        }
        .top{
            margin-top: 14px;
        }
        .e-name{
            margin-top: 10px;
            font-size: 14px;
            font-weight: 400;
            color: #333333;
        }
        .des{
            margin-top: 10px;
            height: 18px;
            font-size: 12px;
            color: #b0b0b0;
        }
        .price{
            margin-top: 10px;
            color: #ff6700;
            font-size: 14px;
        }
        .phoneimg{
            width: 160px;
            height: 160px;
            margin-top: 20px;
        }
        .ele{
            width: 1226px;
            height: 614px;
            margin: 0 auto;
            /* margin-top: -10px; */
        }
        .home-ele{
            width: 234px;
            height: 300px;
            margin-left: 14px;
            margin-top: 20px;
            background-color: white;
            float: left;
            text-align: center;
        }
        .home-ele0{
            width: 234px;
            height: 300px;
            /* margin-left: 14px; */
            margin-top: 20px;
            background-color: white;
            float: left;
            text-align: center;
            background: url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f256b81e4233333692eece77ed06ebc2.jpg?thumb=1&w=211&h=270&f=webp&q=90) no-repeat center;
            background-size: 100%;
        }
        .home-ele0two{
            width: 234px;
            height: 300px;
            /* margin-left: 14px; */
            margin-top: 20px;
            background-color: white;
            float: left;
            text-align: center;
            background: url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e22cf675726deb5eb728f2ccd4cbeafd.jpg?thumb=1&w=211&h=270&f=webp&q=90) no-repeat center;
            background-size: 100%;
        }
        .computer{
            width: 234px;
            height: 300px;
            float: left;
            margin-left: 14px;
            margin-top: 20px;
        }
        .small{
            width: 234px;
            height: 143px;
            background-color: white;
            float: left;
        }
        .small0{
            width: 234px;
            height: 143px;
            background-color: white;
            float: left;
            margin-top: 14px;
            position: relative;
        }
        .smallname{
            margin-top: 10px;
            font-size: 14px;
            font-weight: 400;
            color: #333333;
            margin-top: 50px;
            margin-left: 20px;
        }
        .smallprice{
            margin-top: 10px;
            color: #ff6700;
            font-size: 14px;
            /* margin-top: 50px; */
            margin-left: 20px;
        }
        .xiaomicom{
            width: 80px;
            height: 80px;
            margin-left: 140px;
            margin-top: -61px;
            float: left;
        }
        .more{
            width: 48px;
            height: 48px;
            display: inline-block;
            position: absolute;
            right: 50px;
            top: 48px;
        }
        .tvx{
            width: 1226px;
            height: 120px;
            background: url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e9f7817b9a66ef21d196f6ae6ee6efd7.jpg?thumb=1&w=981&h=96&f=webp&q=90) no-repeat center;
            background-size: 100% 100%;
            margin: 0 auto;
            margin-top: 50px;
        }
        .tvx2{
            width: 1226px;
            height: 120px;
            background: url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c3b86ede4dd31d7c126d56fbdde4f855.jpg?thumb=1&w=981&h=96&f=webp&q=90) no-repeat center;
            background-size: 100% 100%;
            margin: 0 auto;
            margin-top: 22px;
        }
        .tvx3{
            width: 1226px;
            height: 120px;
            margin: 0 auto;
            margin-top: 30px;
            /* background-color: greenyellow; */
            /* width: 1226px; */
            /* height: 120px; */
            background: url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/59e8fc8ba9718c266882719fb4bbcedd.jpg?thumb=1&w=981&h=96&f=webp&q=90) no-repeat center;
            background-size: 100% 100%;
        }
        .jiadian{
            width: 1226px;
            height: 58px;
            /* background-color: grey; */
            /* margin-top: 0px; */
            margin: 0 auto;
        }
        .jiadian-title p{
            float: left;
            font-size: 22px;
            color: #333333;
            line-height: 58px;
        }
        .jiadian .gengduo{
            float: right;
        }
        .gengduo{
            margin-left: 20px;
            font-size: 18px;
            color: #333333;
            line-height: 58px;
        }
        .gengduo span{
            margin-left: 20px;
            cursor: pointer;
            border-bottom: 1px solid #f5f5f5;
        }
        .gengduo span:hover{
            color: #ff6700;
            border-bottom: 1px solid #ff6700;
        }
        .shipin{
            width: 1226px;
            height: 296px;
            margin: 0 auto;
            float: left;
            /* background-color: rosybrown; */
            /* margin-top: 80px; */
        }
        .diyi{
            position: relative;
            width: 285px;
            height: 296px;
            float: left;
            background-color: white;
            text-align: center;
            margin-left: 28.5px;
        }
        .diyi .tupian img{
            position: relative;
            width: 285px;
            /* float: left; */
        }
        .anniu{
            position: absolute;
            left: 15px;
            top: 130px;
            width: 40px;
            height: 25px;
            border-radius: 15px;
            border: 2px solid white;
            text-align: center;
            color: white;
            cursor: pointer;
        }
        .anniu:hover{
            background-color: #ff6700;
            color: white;
        }
        .sanjiao{
            position: absolute;
            left: 15px;
            bottom: 4px;
            border: none;
        }
        .diyi p{
            /* float: left; */
            /* margin-top: 20px; */
            /* text-align: center; */
            /* position: absolute; */
            margin-top: 30px;
        }
        .dibu{
            width: 100%;
            height: 272px;
            /* background-color: wheat; */
            float: left;
            margin-top: 20px;
        } 
        .diyihang{
            width: 1226px;
            height: 80px;
            border-bottom: 2px solid #e0e0e0;
            margin: 0 auto;
        }
        .diyihang .one{
            margin-top: 28px;
            width: 243px;
            height: 25px;
            /* background-color: #fff; */
            border-right: 1px solid #e0e0e0;
            float: left;
            text-align: center;
            color: #616161;
            /* margin-left: 28px; */
            cursor: pointer;
        }
        .diyihang .one:hover{
            color: #ff6700;
        }
        .dierhang{
            width: 1226px;
            height: 150px;
            margin: 0 auto;
            margin-top: 40px;
        }
        .dierhang .zuoyi{
            width: 160px;
            height: 112px;
            float: left;
            /* background-color: aqua; */
        }
        .zuiyou{
            width: 250px;
            height: 111px;
            float: right;
            border-left: 1px solid #e0e0e0;
            text-align: center;
        }
        .disanhang{
            width: 1226px;
            height: 200px;
            margin: 0 auto;
            /* margin-top: 10px; */
            /* background-color: aquamarine; */
        }
        .dianhua{
            color: #ff6700;
            line-height: 1;
            margin-bottom: 5px;
            font-size: 22px;
        }
        .shijian{
            margin-bottom: 5px;
            font-size: 12px;
            color: #616161;
        }
        .rengong{
            width: 118px;
            height: 28px;
            font-size: 12px;
            line-height: 28px;
            color: #ff6700;
            border: 1px solid #ff6700;
            margin: 0 auto;
            margin-bottom: 5px;
        }
        .guanzhu{
            font-size: 12px;
            margin-top: 10px;
        }
    </style>
</head>
<body>
    <div class="top">
        <div class="top1">
            <div class="top11">
                <a class="biaoqian" href="">小米商城</a>
                <a class="biaoqian" href="">MIUI</a>
                <a class="biaoqian" href="">lot</a>
                <a class="biaoqian" href="">云服务</a>
                <a class="biaoqian" href="">金融</a>
                <a class="biaoqian" href="">有品</a>
                <a class="biaoqian" href="">小爱开放平台</a>
                <a class="biaoqian" href="">企业团购</a>
                <a class="biaoqian" href="">资质证照</a>
                <a class="biaoqian" href="">协议规则</a>
                <a class="biaoqian" href="">下载APP</a>
                <a class="biaoqian" href="">Select Location</a>
            </div>
            <div class="gouwuche">
                ✉购物车(0)
            </div>
            <div class="top12">
                <a class="gongneng" href="">登录</a>
                <a class="gongneng" href="">注册</a>
                <!-- <a class="gongneng" href="">消息通知</a> -->
            </div>
        </div>
    </div>
    <div class="container">
        <div class="logo">
            MI
        </div>
        <div class="dongtu"></div>
        <div class="fenlei">小米手机</div>
        <div class="fenlei">Redmi手机</div>
        <div class="fenlei">电视</div>
        <div class="fenlei">笔记本</div>
        <div class="fenlei">家电</div>
        <div class="fenlei">路由器</div>
        <div class="fenlei">智能硬件</div>
        <div class="fenlei">服务</div>
        <div class="fenlei">社区</div>
        <input class="sousuo-text" type="text" placeholder="冰箱">
        <div class="sousuo-logo">
        </div>
    </div>
    <div class="banner">
        <ul>
            <li class="top0">
                <a href="">手机 电话卡</a>
                <img src="img/arrow.png" alt="">
            </li>
            <li>
                <a href="">电视 盒子</a>
                <img src="img/arrow.png" alt="">
            </li>
            <li>
                <a href="">笔记本 显示器</a>
                <img src="img/arrow.png" alt="">
            </li>
            <li>
                <a href="">家电 插线板</a>
                <img src="img/arrow.png" alt="">
            </li>
            <li>
                <a href="">出行 穿戴</a>
                <img src="img/arrow.png" alt="">
            </li>
            <li>
                <a href="">智能 路由器</a>
                <img src="img/arrow.png" alt="">
            </li>
            <li>
                <a href="">电源 配件</a>
                <img src="img/arrow.png" alt="">
            </li>
            <li>
                <a href="">健康 儿童</a>
                <img src="img/arrow.png" alt="">
            </li>
            <li>
                <a href="">耳机 音箱</a>
                <img src="img/arrow.png" alt="">
            </li>
            <li class="bottom">
                <a href="">生活 箱包</a>
                <img src="img/arrow.png" alt="">
            </li>
        </ul>
        <div class="button-left">
        </div>
        <div class="button-right"></div>
        <ul class="boom">
            <li class="yuan"></li>
            <li class="yuan"></li>
            <li class="yuan"></li>
            <li class="yuan"></li>
            <li class="yuan"></li>
        </ul>
    </div>
    <div class="top4">
        <div class="left">
            <div class="left-item1">
                <img class="list" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48" alt="">
                <p>小米秒杀</p>
            </div>
            <div class="left-item2">
                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/806f2dfb2d27978e33fe3815d3851fa3.png?w=48&h=48" alt="">
                <p>企业团购</p>
            </div>
            <div class="left-item3">
                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/eded6fa3b897a058163e2485532c4f10.png?w=48&h=48" alt="">
                <p>F码通道</p>
            </div>
            <div class="left-item4">
                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/43a3195efa6a3cc7662efed8e7abe8bf.png?w=48&h=48" alt="">
                <p class="mifen" >米粉包</p>
            </div>
            <div class="left-item5">
                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f4846bca6010a0deb9f85464409862af.png?w=48&h=48" alt="">
                <p>以旧换新</p>
            </div>
            <div class="left-item6">
                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9a76d7636b08e0988efb4fc384ae497b.png?w=48&h=48" alt="">
                <p>话费充值</p>
            </div>
        </div>
        <div class="right">
            <div class="one">
            </div>
            <div class="two">
            </div>
            <div class="three">
            </div>
        </div>
    </div>
    <div class="bg">
        <div class="flash">
            <div class="flash-title">
                <p>小米闪购</p>
                <div class="jiantou">
                    <div class="zuo">&gt;</div>
                    <div class="you">&lt;</div>
                </div>
            </div>
            <div class="flash-con">
                <div class="item0">
                    <div class="one">14:00场</div>
                    <div class="two">✈</div>
                    <div class="three">距离结束还有</div>
                    <div class="four">
                        <div class="hour">03</div>
                        <div class="min">32</div>
                        <div class="sec">45</div>
                    </div>
                </div>
                <div class="item">
                    <img src="https://i8.mifile.cn/b2c-mimall-media/98c51f977ac5b590dbaf7b8445b30fa6!200x200.jpg" alt="">
                    <div class="name">小米米家小白智能摄像机增强版</div>
                    <div class="miaoshu">智能看护， AI你所爱</div>
                    <div class="jiage">349元</div>
                </div>
                <div class="item">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5b4304d0e62a9c874e83eba0649110ee.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                    <div class="name">小米旅行箱 1青春版</div>
                    <div class="miaoshu">环保材质, 轻便重量</div>
                    <div class="jiage">199元起</div>
                </div>
                <div class="item">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/12fe0ea5e8dafecce5ffa65108796683.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                    <div class="name">小米小背包</div>
                    <div class="miaoshu">城市休闲, 简约设计</div>
                    <div class="jiage">24.9元</div>
                </div>
                <div style="margin-right: 0;" class="item">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3520b7c57449585bc3185d31b9d9bd08.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                    <div class="name">骑记电动助力自行车 新国标版</div>
                    <div class="miaoshu">更多助力选择，更多城市风景</div>
                    <div class="jiage">2799元</div>
                </div>
            </div>
        </div>
        <div class="tvx"></div>
        <div class="shouji">
            <div class="shouji-title">
            <p>手机</p>
            <div>
                <div class="chakanzuo">查看更多 &gt;</div>
            </div>
        </div>
        </div>
        <div class="cele">
            <div class="imx"></div>
            <div class="phone">
                <img class="phoneimg" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c892a7640f58032489cbff8a948b50f9.jpg?thumb=1&w=100&h=100&f=webp&q=90" alt="">
                <p class="e-name">Redmi 9A</p>
                <p class="des">5000mAh长循环大电量，6.53"超大护眼</p>
                <p class="price">599元</p>
            </div>
            <div class="phone">
                <img class="phoneimg" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8729282b199b3ec51e31c1b6b15f3f93.jpg?thumb=1&w=180&h=180&f=webp&q=90" alt="">
                <p class="e-name">Redmi 9A</p>
                <p class="des">5000mAh长循环大电量，6.53"超大护眼</p>
                <p class="price">599元</p>
            </div>
            <div class="phone">
                <img class="phoneimg" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0099822e42b4428cb25c4cdebc6ca53d.jpg?thumb=1&w=180&h=180&f=webp&q=90" alt="">
                <p class="e-name">Redmi 9A</p>
                <p class="des">5000mAh长循环大电量，6.53"超大护眼</p>
                <p class="price">599元</p>
            </div>
            <div class="phone">
                <img class="phoneimg" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c1aafa589258a4d9fdf49831b457418d.jpg?thumb=1&w=180&h=180&f=webp&q=90" alt="">
                <p class="e-name">Redmi 9A</p>
                <p class="des">5000mAh长循环大电量，6.53"超大护眼</p>
                <p class="price">599元</p>
            </div>
            <div class="phone top">
                <img class="phoneimg" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7cfdbce40301133a287e9e57faa37bdf.jpg?thumb=1&w=180&h=180&f=webp&q=90" alt="">
                <p class="e-name">Redmi 9A</p>
                <p class="des">5000mAh长循环大电量，6.53"超大护眼</p>
                <p class="price">599元</p>
            </div>
            <div class="phone top">
                <img class="phoneimg" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ccd09671448c4cdb4a3817f68f788662.jpg?thumb=1&w=180&h=180&f=webp&q=90" alt="">
                <p class="e-name">Redmi 9A</p>
                <p class="des">5000mAh长循环大电量，6.53"超大护眼</p>
                <p class="price">599元</p>
            </div>
            <div class="phone top">
                <img class="phoneimg" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2c16238f786e4f93bdb175d7bf21aa47.jpg?thumb=1&w=180&h=180&f=webp&q=90" alt="">
                <p class="e-name">Redmi 9A</p>
                <p class="des">5000mAh长循环大电量，6.53"超大护眼</p>
                <p class="price">599元</p>
            </div>
            <div class="phone top">
                <img class="phoneimg" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/53641901fbc28cbcdb495b17fdf69e46.jpg?thumb=1&w=180&h=180&f=webp&q=90" alt="">
                <p class="e-name">Redmi 9A</p>
                <p class="des">5000mAh长循环大电量，6.53"超大护眼</p>
                <p class="price">599元</p>
            </div>
        </div>
        <div class="tvx2"></div>
        <div class="jiadian">
            <div class="jiadian-title">
                <p>家电</p> 
            </div>
            <div class="gengduo">
                <span>热门</span>
                <span>电视影音</span>
            </div>
        </div>
        <div class="ele">
            <div style="margin-top: 0;" class="home-ele0">
            </div>
            <div style="margin-top: 0;" class="home-ele">
                <img class="phoneimg" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ef4c68fed730ec26bf2fa0ff620975c5.jpg?thumb=1&w=180&h=180&f=webp&q=90" alt="">
                <p class="e-name">Redmi 9A</p>
                <p class="des">5000mAh长循环大电量，6.53"超大护眼</p>
                <p class="price">599元</p>
            </div>
            <div style="margin-top: 0;" class="home-ele">
                <img class="phoneimg" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8b3fe3a07ef69fb4c959e39c768c7525.jpg?thumb=1&w=180&h=180&f=webp&q=90" alt="">
                <p class="e-name">Redmi 9A</p>
                <p class="des">5000mAh长循环大电量，6.53"超大护眼</p>
                <p class="price">599元</p>
            </div>
            <div style="margin-top: 0;" class="home-ele">
                <img class="phoneimg" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ef6b4e9b9151849b3b1fb1dbf069c6ed.jpg?thumb=1&w=180&h=180&f=webp&q=90" alt="">
                <p class="e-name">Redmi 9A</p>
                <p class="des">5000mAh长循环大电量，6.53"超大护眼</p>
                <p class="price">599元</p>
            </div>
            <div style="margin-top: 0;" class="home-ele">
                <img class="phoneimg" src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/2b911be4c2f156bb6e4cf367c6080045.jpg?thumb=1&w=180&h=180" alt="">
                <p class="e-name">Redmi 9A</p>
                <p class="des">5000mAh长循环大电量，6.53"超大护眼</p>
                <p class="price">599元</p>
            </div>
            <div class="home-ele0two">
            </div>
            <div class="home-ele">
                <img class="phoneimg" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ec20453216dcd42f982cffe5fdbc3115.jpg?thumb=1&w=180&h=180&f=webp&q=90" alt="">
                <p class="e-name">Redmi 9A</p>
                <p class="des">5000mAh长循环大电量，6.53"超大护眼</p>
                <p class="price">599元</p>
            </div>
            <div class="home-ele">
                <img class="phoneimg" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b8c63a2024528fe5410ebe669b7d2407.jpg?thumb=1&w=180&h=180&f=webp&q=90" alt="">
                <p class="e-name">Redmi 9A</p>
                <p class="des">5000mAh长循环大电量，6.53"超大护眼</p>
                <p class="price">599元</p>
            </div>
            <div class="home-ele">
                <img class="phoneimg" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/cd2aa2dcad6440b469c22e27db9b6236.jpg?thumb=1&w=180&h=180&f=webp&q=90" alt="">
                <p class="e-name">Redmi 9A</p>
                <p class="des">5000mAh长循环大电量，6.53"超大护眼</p>
                <p class="price">599元</p>
            </div>
            <div class="computer">
                <div class="small">
                    <p class="smallname">小米笔记本2019</p>
                    <p class="smallprice">5999元起</p>
                    <div class="com-ima">
                        <img class="xiaomicom" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/74e573c4c0d89048392d14831cc507d5.jpg?thumb=1&w=90&h=90&f=webp&q=90" alt="">
                    </div>
                </div>
                <div class="small0">
                    <p class="smallname">浏览更多</p>
                    <p class="smallprice">热门</p>
                    <div><img class="more" src="img/jiantou.png" alt=""></div>
                </div>
            </div>
        </div>
        <div class="tvx3"></div>
        <div class="jiadian">
            <div class="jiadian-title">
                <p>智能</p> 
            </div>
            <div class="gengduo">
                <span>热门</span>
                <span>安防</span>
                <span>出行</span>
            </div>
        </div>
        <div class="ele">
            <div style="margin-top: 0; background: url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/45c23f5b9a927b2dc49c25277e07727c.jpg?thumb=1&w=187&h=240&f=webp&q=90) no-repeat center; background-size: 100%;" class="home-ele0">
            </div>
            <div style="margin-top: 0;" class="home-ele">
                <img class="phoneimg" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/011dd8493ad62f3793dbb63d9fbd3bc0.jpg?thumb=1&w=160&h=160&f=webp&q=90" alt="">
                <p class="e-name">Redmi 9A</p>
                <p class="des">5000mAh长循环大电量，6.53"超大护眼</p>
                <p class="price">599元</p>
            </div>
            <div style="margin-top: 0;" class="home-ele">
                <img class="phoneimg" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f0914c60fa1ab807972541b4e2b1a4cd.jpg?thumb=1&w=160&h=160&f=webp&q=90" alt="">
                <p class="e-name">Redmi 9A</p>
                <p class="des">5000mAh长循环大电量，6.53"超大护眼</p>
                <p class="price">599元</p>
            </div>
            <div style="margin-top: 0;" class="home-ele">
                <img class="phoneimg" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e7c6e79433c883e1a022ec21402c1679.jpg?thumb=1&w=160&h=160&f=webp&q=90" alt="">
                <p class="e-name">Redmi 9A</p>
                <p class="des">5000mAh长循环大电量，6.53"超大护眼</p>
                <p class="price">599元</p>
            </div>
            <div style="margin-top: 0;" class="home-ele">
                <img class="phoneimg" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/44a30f0da2aacb66a0f896293ebc703f.jpg?thumb=1&w=160&h=160&f=webp&q=90" alt="">
                <p class="e-name">Redmi 9A</p>
                <p class="des">5000mAh长循环大电量，6.53"超大护眼</p>
                <p class="price">599元</p>
            </div>
            <div style=" background: url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a660ce095e8f553a9ed1515265f4e9fc.jpg?thumb=1&w=187&h=240&f=webp&q=90) no-repeat center; background-size: 100%;" class="home-ele0two">
            </div>
            <div class="home-ele">
                <img class="phoneimg" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b42e49c6c0208f2de5a2f7a491a3af46.jpg?thumb=1&w=160&h=160&f=webp&q=90" alt="">
                <p class="e-name">Redmi 9A</p>
                <p class="des">5000mAh长循环大电量，6.53"超大护眼</p>
                <p class="price">599元</p>
            </div>
            <div class="home-ele">
                <img class="phoneimg" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e850fa029579ba886e3d5c81f00ae534.jpg?thumb=1&w=160&h=160&f=webp&q=90" alt="">
                <p class="e-name">Redmi 9A</p>
                <p class="des">5000mAh长循环大电量，6.53"超大护眼</p>
                <p class="price">599元</p>
            </div>
            <div class="home-ele">
                <img class="phoneimg" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3accd497afc0047cfbd40f442e3b17df.jpg?thumb=1&w=160&h=160&f=webp&q=90" alt="">
                <p class="e-name">Redmi 9A</p>
                <p class="des">5000mAh长循环大电量，6.53"超大护眼</p>
                <p class="price">599元</p>
            </div>
            <div class="computer">
                <div class="small">
                    <p class="smallname">小米笔记本2019</p>
                    <p class="smallprice">5999元起</p>
                    <div class="com-ima">
                        <img class="xiaomicom" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/550177d2e54387521bce9e78cb2949dd.jpg?thumb=1&w=80&h=80&f=webp&q=90" alt="">
                    </div>
                </div>
                <div class="small0">
                    <p class="smallname">浏览更多</p>
                    <p class="smallprice">热门</p>
                    <div><img class="more" src="img/jiantou.png" alt=""></div>
                </div>
            </div>
        </div>
        <div style="background: url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/426144725b9ed90ce6fd2d9c69a8aa64.jpg?thumb=1&w=981&h=96&f=webp&q=90) no-repeat center; background-size: 100%;" class="tvx3">
        </div>
        <div class="jiadian">
            <div class="jiadian-title">
                <p>搭配</p> 
            </div>
            <div class="gengduo">
                <span>热门</span>
                <span>耳机音箱</span>
            </div>
        </div>
        <div class="ele">
            <div style="margin-top: 0; background: url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6874615b3c50e837ffe532eb6ea4ef1a.jpg?thumb=1&w=187&h=240&f=webp&q=90) no-repeat center; background-size: 100%;" class="home-ele0">
            </div>
            <div style="margin-top: 0;" class="home-ele">
                <img class="phoneimg" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/50649d7b5706f4cd9f658e93db6b6564.jpg?thumb=1&w=160&h=160&f=webp&q=90" alt="">
                <p class="e-name">Redmi 9A</p>
                <p class="des">5000mAh长循环大电量，6.53"超大护眼</p>
                <p class="price">599元</p>
            </div>
            <div style="margin-top: 0;" class="home-ele">
                <img class="phoneimg" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9eb0178e3bfeb7d170edd641fb4be4bc.jpg?thumb=1&w=160&h=160&f=webp&q=90" alt="">
                <p class="e-name">Redmi 9A</p>
                <p class="des">5000mAh长循环大电量，6.53"超大护眼</p>
                <p class="price">599元</p>
            </div>
            <div style="margin-top: 0;" class="home-ele">
                <img class="phoneimg" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ea8e42faebf7d76a4cb42b8930cf9e46.jpg?thumb=1&w=160&h=160&f=webp&q=90" alt="">
                <p class="e-name">Redmi 9A</p>
                <p class="des">5000mAh长循环大电量，6.53"超大护眼</p>
                <p class="price">599元</p>
            </div>
            <div style="margin-top: 0;" class="home-ele">
                <img class="phoneimg" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/eaf70e0e9905de6452f07b1f48fcc386.jpg?thumb=1&w=160&h=160&f=webp&q=90" alt="">
                <p class="e-name">Redmi 9A</p>
                <p class="des">5000mAh长循环大电量，6.53"超大护眼</p>
                <p class="price">599元</p>
            </div>
            <div style=" background: url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a00bdd568dbc2b02f8fe0fa8d1b46f28.jpg?thumb=1&w=187&h=240&f=webp&q=90) no-repeat center; background-size: 100%;" class="home-ele0two">
            </div>
            <div class="home-ele">
                <img class="phoneimg" src="https://i8.mifile.cn/v1/a1/5dd69c0a-8f4a-b42f-d840-6c5a47f2cd03!160x160.jpg" alt="">
                <p class="e-name">Redmi 9A</p>
                <p class="des">5000mAh长循环大电量，6.53"超大护眼</p>
                <p class="price">599元</p>
            </div>
            <div class="home-ele">
                <img class="phoneimg" src="https://i8.mifile.cn/b2c-mimall-media/92af1f21293fabfbf2a112892b864925!160x160.jpg" alt="">
                <p class="e-name">Redmi 9A</p>
                <p class="des">5000mAh长循环大电量，6.53"超大护眼</p>
                <p class="price">599元</p>
            </div>
            <div class="home-ele">
                <img class="phoneimg" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9946e252a7c49662376c056ced004a20.jpg?thumb=1&w=160&h=160&f=webp&q=90" alt="">
                <p class="e-name">Redmi 9A</p>
                <p class="des">5000mAh长循环大电量，6.53"超大护眼</p>
                <p class="price">599元</p>
            </div>
            <div class="computer">
                <div class="small">
                    <p class="smallname">小米笔记本2019</p>
                    <p class="smallprice">5999元起</p>
                    <div class="com-ima">
                        <img class="xiaomicom" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/601d1ac94ca155a59a813bff1045e8b3.jpg?thumb=1&w=80&h=80&f=webp&q=90" alt="">
                    </div>
                </div>
                <div class="small0">
                    <p class="smallname">浏览更多</p>
                    <p class="smallprice">热门</p>
                    <div><img class="more" src="img/jiantou.png" alt=""></div>
                </div>
            </div>
        </div>
        <div style="background: url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9880db34d227b6c1df5b45cb7df4f465.jpg?thumb=1&w=981&h=96&f=webp&q=90) no-repeat center; background-size: 100%;" class="tvx3">
        </div>
        <div class="jiadian">
            <div class="jiadian-title">
                <p>配件</p> 
            </div>
            <div class="gengduo">
                <span>热门</span>
                <span>充电器</span>
            </div>
        </div>
        <div class="ele">
            <div style="margin-top: 0; background: url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/739ebd8abfc2b1be8866a2c1ad87e709.jpg?thumb=1&w=187&h=240&f=webp&q=90) no-repeat center; background-size: 100%;" class="home-ele0">
            </div>
            <div style="margin-top: 0;" class="home-ele">
                <img class="phoneimg" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/971da2015fe533acebbca413f88084ab.jpg?thumb=1&w=140&h=140&f=webp&q=90" alt="">
                <p class="e-name">Redmi 9A</p>
                <p class="des">5000mAh长循环大电量，6.53"超大护眼</p>
                <p class="price">599元</p>
            </div>
            <div style="margin-top: 0;" class="home-ele">
                <img class="phoneimg" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9eb0178e3bfeb7d170edd641fb4be4bc.jpg?thumb=1&w=140&h=140&f=webp&q=90" alt="">
                <p class="e-name">Redmi 9A</p>
                <p class="des">5000mAh长循环大电量，6.53"超大护眼</p>
                <p class="price">599元</p>
            </div>
            <div style="margin-top: 0;" class="home-ele">
                <img class="phoneimg" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/1f32af53d1ad60f4980146f6a2b81019.jpg?thumb=1&w=140&h=140&f=webp&q=90" alt="">
                <p class="e-name">Redmi 9A</p>
                <p class="des">5000mAh长循环大电量，6.53"超大护眼</p>
                <p class="price">599元</p>
            </div>
            <div style="margin-top: 0;" class="home-ele">
                <img class="phoneimg" src="https://i8.mifile.cn/v1/a1/b0ded71f-b235-8f99-ba1c-20f80c3a4231!140x140.jpg" alt="">
                <p class="e-name">Redmi 9A</p>
                <p class="des">5000mAh长循环大电量，6.53"超大护眼</p>
                <p class="price">599元</p>
            </div>
            <div style=" background: url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ffe4182f1d9a5befdf2380ec90ae1620.jpg?thumb=1&w=164&h=210&f=webp&q=90) no-repeat center; background-size: 100%;" class="home-ele0two">
            </div>
            <div class="home-ele">
                <img class="phoneimg" src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-miapp-a1/553e9c2b-0023-e9a7-3bdb-26ec66a4007c.jpg?thumb=1&w=140&h=140" alt="">
                <p class="e-name">Redmi 9A</p>
                <p class="des">5000mAh长循环大电量，6.53"超大护眼</p>
                <p class="price">599元</p>
            </div>
            <div class="home-ele">
                <img class="phoneimg" src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-miapp-a1/287594eb-b765-8db1-3255-0a05c4c07440.jpg?thumb=1&w=140&h=140" alt="">
                <p class="e-name">Redmi 9A</p>
                <p class="des">5000mAh长循环大电量，6.53"超大护眼</p>
                <p class="price">599元</p>
            </div>
            <div class="home-ele">
                <img class="phoneimg" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/50649d7b5706f4cd9f658e93db6b6564.jpg?thumb=1&w=140&h=140&f=webp&q=90" alt="">
                <p class="e-name">Redmi 9A</p>
                <p class="des">5000mAh长循环大电量，6.53"超大护眼</p>
                <p class="price">599元</p>
            </div>
            <div class="computer">
                <div class="small">
                    <p class="smallname">小米笔记本2019</p>
                    <p class="smallprice">5999元起</p>
                    <div class="com-ima">
                        <img class="xiaomicom" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6c19fad90ad73f91e13c97cce2b15d82.jpg?thumb=1&w=70&h=70&f=webp&q=90" alt="">
                    </div>
                </div>
                <div class="small0">
                    <p class="smallname">浏览更多</p>
                    <p class="smallprice">热门</p>
                    <div><img class="more" src="img/jiantou.png" alt=""></div>
                </div>
            </div>
        </div>
        <div style="background: url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ddec858a9371b4d7833181941520bf8b.jpg?thumb=1&w=858&h=84&f=webp&q=90) no-repeat center; background-size: 100%;" class="tvx3">
        </div>
        <div class="jiadian">
            <div class="jiadian-title">
                <p>周边</p> 
            </div>
            <div class="gengduo">
                <span>热门</span>
                <span>出行</span>
            </div>
        </div>
        <div class="ele">
            <div style="margin-top: 0; background: url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/37dc0898c2624b4130da4631f2d9a675.jpg?thumb=1&w=164&h=210&f=webp&q=90) no-repeat center; background-size: 100%;" class="home-ele0">
            </div>
            <div style="margin-top: 0;" class="home-ele">
                <img class="phoneimg" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/cccac948e1b8ffb47f1fecde67692e60.jpg?thumb=1&w=140&h=140&f=webp&q=90" alt="">
                <p class="e-name">Redmi 9A</p>
                <p class="des">5000mAh长循环大电量，6.53"超大护眼</p>
                <p class="price">599元</p>
            </div>
            <div style="margin-top: 0;" class="home-ele">
                <img class="phoneimg" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/57433a4b991b2a2ddc889f2d8d434655.jpg?thumb=1&w=140&h=140&f=webp&q=90" alt="">
                <p class="e-name">Redmi 9A</p>
                <p class="des">5000mAh长循环大电量，6.53"超大护眼</p>
                <p class="price">599元</p>
            </div>
            <div style="margin-top: 0;" class="home-ele">
                <img class="phoneimg" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c149537ebb0c2cdb977ddd93200074f4.jpg?thumb=1&w=140&h=140&f=webp&q=90" alt="">
                <p class="e-name">Redmi 9A</p>
                <p class="des">5000mAh长循环大电量，6.53"超大护眼</p>
                <p class="price">599元</p>
            </div>
            <div style="margin-top: 0;" class="home-ele">
                <img class="phoneimg" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/03d94ee6059481a6adcb6c4c5c572fb4.jpg?thumb=1&w=140&h=140&f=webp&q=90" alt="">
                <p class="e-name">Redmi 9A</p>
                <p class="des">5000mAh长循环大电量，6.53"超大护眼</p>
                <p class="price">599元</p>
            </div>
            <div style=" background: url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/582984b9c56cf3c48382a81528a4dfdf.jpg?thumb=1&w=164&h=210&f=webp&q=90) no-repeat center; background-size: 100%;" class="home-ele0two">
            </div>
            <div class="home-ele">
                <img class="phoneimg" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/41e6890f9d6b7fdb4275c986dc3644e8.jpg?thumb=1&w=140&h=140&f=webp&q=90" alt="">
                <p class="e-name">Redmi 9A</p>
                <p class="des">5000mAh长循环大电量，6.53"超大护眼</p>
                <p class="price">599元</p>
            </div>
            <div class="home-ele">
                <img class="phoneimg" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/38748fefeef78183ac01356a23dbc5c5.jpg?thumb=1&w=140&h=140&f=webp&q=90" alt="">
                <p class="e-name">Redmi 9A</p>
                <p class="des">5000mAh长循环大电量，6.53"超大护眼</p>
                <p class="price">599元</p>
            </div>
            <div class="home-ele">
                <img class="phoneimg" src="https://i8.mifile.cn/v1/a1/413f5e2f-53e7-0879-119c-8b4466feea53!140x140.jpg" alt="">
                <p class="e-name">Redmi 9A</p>
                <p class="des">5000mAh长循环大电量，6.53"超大护眼</p>
                <p class="price">599元</p>
            </div>
            <div class="computer">
                <div class="small">
                    <p class="smallname">小米笔记本2019</p>
                    <p class="smallprice">5999元起</p>
                    <div class="com-ima">
                        <img class="xiaomicom" src="https://i8.mifile.cn/v1/a1/eaa7c8e5-2a8c-0d2c-6de7-a6db2068b192!70x70.jpg" alt="">
                    </div>
                </div>
                <div class="small0">
                    <p class="smallname">浏览更多</p>
                    <p class="smallprice">热门</p>
                    <div><img class="more" src="img/jiantou.png" alt=""></div>
                </div>
            </div>
        </div>
        <div style="background: url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/88e35cffc82cd98cd53172460067af17.jpg?thumb=1&w=858&h=84&f=webp&q=90) no-repeat center; background-size: 100%;" class="tvx3">
        </div>
        <div class="shouji">
            <div class="shouji-title">
            <p>视频</p>
            <div>
                <div class="chakanzuo">查看更多 &gt;</div>
            </div>
        </div>
        <div class="shipin">
            <div style="margin-left: 0;" class="diyi">
                <div class="tupian">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/101b19aca4bb489bcef0f503e44ec866.jpg?thumb=1&w=296&h=180&f=webp&q=90" alt="">
                    <div class="anniu">
                        <div class="sanjiao">
                            ▶
                        </div>
                    </div>
                </div>
                <p class="mingzi" >Redmi 10x系列发布会</p>
            </div>
            <div class="diyi">
                <div class="tupian">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/96563e75833ba4563bd469dd28203b09.jpg?thumb=1&w=296&h=180&f=webp&q=90" alt="">
                    <div class="anniu">
                        <div class="sanjiao">
                            ▶
                        </div>
                    </div>
                </div>
                <p class="mingzi" >小米10 青春版 发布会</p>
            </div>
            <div class="diyi">
                <div class="tupian">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2fd26bb99b723337a2f8eaba84f7d5bb.jpg?thumb=1&w=296&h=180&f=webp&q=90" alt="">
                    <div class="anniu">
                        <div class="sanjiao">
                            ▶
                        </div>
                    </div>
                </div>
                <p class="mingzi" >小米10 8K手机拍大片</p>
            </div>
            <div class="diyi">
                <div class="tupian">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a8dd25cab48c60fc6387b9001eddc3f9.jpg?thumb=1&w=296&h=180&f=webp&q=90" alt="">
                    <div class="anniu">
                        <div class="sanjiao">
                            ▶
                        </div>
                    </div>
                </div>
                <p class="mingzi" >小米10发布会</p>
            </div>
        </div>
    </div>
    <div class="dibu">
        <div class="diyihang">
            <div class="one">☎ 预约维修服务</div>
            <div class="one">◕ 7天无理由退货</div>
            <div class="one">✪ 15天免费换货</div>
            <div class="one">❤ 满99包邮</div>
            <div style="border-right: 0px ;" class="one two">✿ 520余家售后网点</div>
        </div>
        <!-- <hr> -->
        <div class="dierhang">
            <div class="zuoyi">
                    <p style="font-size: 14px;color: #333333;">帮助中心</p>
                    <br>
                    <p style="font-size: 12px;color: #666666;">帐户管理</p>
                    <p style="font-size: 12px;color: #666666;margin-top: 5px;">购物指南</p>
                    <p style="font-size: 12px;color: #666666;margin-top: 5px;">订单操作</p>
            </div>
            <div class="zuoyi">
                <p style="font-size: 14px;color: #333333;">帮助中心</p>
                <br>
                <p style="font-size: 12px;color: #666666;">帐户管理</p>
                <p style="font-size: 12px;color: #666666;margin-top: 5px;">购物指南</p>
                <p style="font-size: 12px;color: #666666;margin-top: 5px;">订单操作</p>
            </div>
            <div class="zuoyi">
                <p style="font-size: 14px;color: #333333;">帮助中心</p>
                <br>
                <p style="font-size: 12px;color: #666666;">帐户管理</p>
                <p style="font-size: 12px;color: #666666;margin-top: 5px;">购物指南</p>
                <p style="font-size: 12px;color: #666666;margin-top: 5px;">订单操作</p>
            </div>

            <div class="zuoyi">
                <p style="font-size: 14px;color: #333333;">帮助中心</p>
                <br>
                <p style="font-size: 12px;color: #666666;">帐户管理</p>
                <p style="font-size: 12px;color: #666666;margin-top: 5px;">购物指南</p>
                <p style="font-size: 12px;color: #666666;margin-top: 5px;">订单操作</p>
            </div>

            <div class="zuoyi">
                <p style="font-size: 14px;color: #333333;">帮助中心</p>
                <br>
                <p style="font-size: 12px;color: #666666;">帐户管理</p>
                <p style="font-size: 12px;color: #666666;margin-top: 5px;">购物指南</p>
                <p style="font-size: 12px;color: #666666;margin-top: 5px;">订单操作</p>
            </div>

            <div class="zuoyi">
                <p style="font-size: 14px;color: #333333;">帮助中心</p>
                <br>
                <p style="font-size: 12px;color: #666666;">帐户管理</p>
                <p style="font-size: 12px;color: #666666;margin-top: 5px;">购物指南</p>
                <p style="font-size: 12px;color: #666666;margin-top: 5px;">订单操作</p>
            </div>
            <div class="zuiyou">
                <p class="dianhua">400-100-5678</p>
                <p class="shijian">8:00-18:00（仅收市话费）</p>
                <div class="rengong">
                    ✉ 人工服务
                </div>
                <p class="guanzhu">
                    关注小米
                </p>
            </div>
        </div>
        <div class="disanhang">
            <p style="color: #666666;">
                小米商城 | MIUI | 米家 | 米聊 | 多看 | 游戏 | 政企服务 | 小米天猫店 |
                 小米集团隐私政策 | 小米公司儿童信息保护规则 | 小米商城隐私政策 |
                  小米商城用户协议 | 问题反馈 | Select Location
            </p>
            <br>
            <p style="color: #666666;">© mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2020]0276-042号</p>
            <p style="color: #666666;">（京）网械平台备字（2018）第00005号 互联网药品信息服务资格证 (京)-非经营性-2014-0090 营业执照 医疗器械质量公告</p>
            <p style="color: #666666;">增值电信业务许可证 网络食品经营备案（京）【2018】WLSPJYBAHF-12  食品经营许可证</p>
            <p style="color: #666666;">违法和不良信息举报电话：171-5104-4404 知识产权侵权投诉 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试 </p>
        </div>
    </div>
</body>
</html>